<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/date_input.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<script src="../js/jquery-1.12.3.js"></script>
	<script src="../js/jquery.date_input.pack.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<header>
		<a class="navbar-header" href="">
			<img src="../images/ph.png" alt="">
			<div>
				<span>Nifty</span>
			</div>
		</a>
	</header>
	<div class="boxed">
		<div class="menu-wrap">
			<ul>
				<li class="list-header">Navigation</li>
				<li class="active-link">
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				<li/>
				<li class="list-divider"></li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
						<i class="down-list"></i>
					</a>
					<ul class="op-list">
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
					</ul>
				</li>
				<li class="list-header">Components</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
						<i class="down-list"></i>
					</a>
					<ul class="op-list">
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 内容区域 -->
		<div class="content-container">
			<div class="common-tit">
				<h2>添加员工</h2>
				<span>课程系统 > 课程列表 > 添加课程</span>
			</div>
			<div class="cur-box">
				<h3>
					<em>*</em>
					<span>基本信息</span>
				</h3>
				<div class="cur-basic">
					<ul class="cb-box clearfix">
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>销售类型</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">销售类型</li>
									<li>单次售卖课程</li>
									<li>打包售卖课程</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>课程类型</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">课程类型</li>
									<li>常规课</li>
									<li>特色课</li>
									<li>私教</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<input type="text" class="ba-cur required" placeholder="课程名称">
						</li>
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>导师</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">导师</li>
									<li>jay</li>
									<li>lin</li>
									<li>bin</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>教室</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">教室</li>
									<li>教室1</li>
									<li>教室2</li>
									<li>教室3</li>
									<li>教室4</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>舞种</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">舞种</li>
									<li>舞种1</li>
									<li>舞种2</li>
									<li>舞种3</li>
									<li>舞种4</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<div class="list-box clearfix" choice="mandatory">
								<div class="downbtn">
									<span>授课对象</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">授课对象</li>
									<li>对象1</li>
									<li>对象2</li>
									<li>对象3</li>
									<li>对象4</li>
								</ul>
							</div>
							<b>请选择</b>
						</li>
						<li class="bas-list">
							<input type="text" class="ba-cur required" placeholder="课程时长">
							<span class="bas-m">分钟</span>
						</li>
					</ul>
				</div>
				<h3>
					<span>课程设置</span>
				</h3>
				<div class="cur-setting clearfix">
					<ul class="cur-b clearfix">
						<li class="cur-con period">
							<h4>
								<i>*</i>
								<span>课时数</span>
							</h4>
							<div class="ct-box">
								<div class="ct">
									<input type="text" class="ct-a" id="cho">
									<em>课时</em>
								</div>
							</div>
						</li>
						<li class="cur-con consumption">
							<h4>
								<i>*</i>
								<span>消费方式</span>
							</h4>
							<div class="ct-box">
								<div class="ct">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check ct-ch">
												<span></span>
											</div>
										</div>
									</div>
									<em>次卡</em>
									<input type="text" class="ct-i">
									<em>次/课时</em>
								</div>
								<div class="ct">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check ct-ch">
												<span></span>
											</div>
										</div>
									</div>
									<em>充值</em>
									<input type="text" class="ct-i">
									<em>次/课时</em>
								</div>
								<div class="ct">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<em>直接售卖</em>
								</div>
								<div class="ct card">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<em>年卡</em>
								</div>
								<div class="ct card">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<em>月卡</em>
								</div>
							</div>
						</li>
						<li class="cur-con">
							<h4>
								<span>是否预约</span>
							</h4>
							<div class="ct-box">
								<div class="ct order">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>	
									<em>需要预约</em>
									<i>学员需要预约方可上课</i>
								</div>
								<i class="private">私教必须预约才可以上课</i>
							</div>
						</li>
						<li class="cur-con duration">
							<h4>
								<i>*</i>
								<span>课程时间</span>
							</h4>
							<div class="ct-box">
								<div class="curb-box" id="weekly">
									<div class="ctc">
										<div class="sub-con">
											<div class="test-check">
												<input type="checkbox" class="ck">
												<div class="check">
													<span></span>
												</div>
											</div>
										</div>
										<em class="ctw">每周时间</em>
										<div class="date-box1">
											<input type="text" class="date-list1" readOnly="true" placeholder="年月日">
										</div>
										<b> - </b>
										<div class="date-box2">
											<input type="text" class="date-list2" readOnly="true" placeholder="年月日">
										</div>
									</div>
									
									<!-- <div class="ct-write">
										<strong>星期一</strong>
										<span>12</span>
										<em>时</em>
										<span>30</span>
										<em>分</em>
										<div class="comm-del">删除</div>	
									</div> -->
									<div class="ct-add">
										<div class="list-box clearfix" choice="mandatory">
											<div class="downbtn">
												<span>请选择星期数</span>
												<em></em>
											</div>
											<ul class="dropdown-menu">
												<li class="cho-tit">请选择星期数</li>
												<li>星期一</li>
												<li>星期二</li>
												<li>星期三</li>
												<li>星期四</li>
												<li>星期五</li>
												<li>星期六</li>
												<li>星期日</li>
											</ul>
										</div>
										<b>请选择</b>
										<input type="text" class="cta-h">
										<strong>时</strong>
										<input type="text" class="cta-m">
										<strong>分</strong>
										<div class="comm-add">
											<span>添加</span>
											<div class="not-ad">请至少添加一条时间</div>
										</div>
									</div>
								</div>
								<!--  -->
								<div class="curb-box" id="oneday">
									<div class="ctc">
										<div class="sub-con">
											 <div class="test-check">
												<input type="checkbox" class="ck">
												<div class="check">
													<span></span>
												</div>
											</div>
										</div>
										<em class="ctw">单天设置</em>
									</div>
									
									<!-- <div class="ct-write">
										<strong>2015-07-15</strong>
										<span>12</span>
										<em>时</em>
										<span>30</span>
										<em>分</em>
										<div class="comm-del">删除</div>	
									</div> -->
									<div class="ct-add ctl">
										<div class="date-ibox">
											<input type="text" class="date-input" readOnly="true" placeholder="年月日">
										</div>
										<input type="text" class="cta-h">
										<strong>时</strong>
										<input type="text" class="cta-m">
										<strong>分</strong>
										<div class="comm-add">
											<span>添加</span>
											<div class="not-ad">请至少添加一条时间</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="preserve">保存</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../js/common.js"></script>
	<script>
		$(function(){
			$('.date-list1').date_input();
			$(".date-list2").date_input();
			$(".date-input").date_input();
		});
		$('.date-list2').on("click", function() {
			updateT1();
			$('.nav span').on("click", function() {
				if ($(this).parent().parent().parent().prev().attr("class") == "date-list2") {
					updateT1();
				};
			});
		});
		$('.date-list1').on("click", function() {
			updateT2();
			$('.nav span').on("click", function() {
				if ($(this).parent().parent().parent().prev().attr("class") == "date-list1") {
					updateT2();
				};
			});
		});
	</script>
</body>
</html>